<!DOCTYPE html>
<?php require_once 'Encode.php'; ?>
<html>
<head>
<meta charset="UTF-8" />
<!-- CSSファイルの読み込み -->
<link rel="stylesheet" type="text/css" href="../css/reset.min.css" />
<link rel="stylesheet" type="text/css" href="../css/style.min.css" />
<link rel="stylesheet" type="text/css" href="../css/addUser.min.css" />
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">

function AlphabetCheck(elm) {
	var str = elm.value;
	if( str.match( /[^0-9A-Za-z\s.-]+/ ) ){
		//alert("半角英文字のみで入力して下さい。");
		return false;
	} else {
		return true;
	}
}
var validation={"id":false,"pwd":false};
$("document").ready(function(){
	$('.submit').attr("disabled", 'disabled');
	$('#id').bind('keyup',function(){
		if($(this).val().trim()==="") {
			validation.id=false;
			$('.submit').attr("disabled", 'disabled');
		} else {
			validation.id=AlphabetCheck(this);
			if(validation.id){
				if(validation.id==true && validation.pwd==true){
					$('.submit').removeAttr("disabled");
				}
			} else {
				$('.submit').attr("disabled", 'disabled');
			}
		}
	});
	$('#pwd').bind('keyup',function(){	
		validation.pwd=AlphabetCheck(this);
		if($(this).val().trim()==="") {
			validation.pwd=false;
			$('.submit').attr("disabled", 'disabled');
		} else {
			validation.pwd=AlphabetCheck(this);
			if(validation.pwd){
				if(validation.id==true && validation.pwd==true){
					$('.submit').removeAttr("disabled");
				}
			} else {
				$('.submit').attr("disabled", 'disabled');
			}
		}
	});
});

</script>

<!-- 注意:独自CSSを利用する場合はここに入れること START-->

<!-- 注意:独自CSSを利用する場合はここに入れること END -->

<!-- TODO ページに合ったタイトルで各自で変更すること。但し、「 | 株式会社フューチャースコープ」の部分はそのまま残すこと-->
<title>プロフィール画面 | 株式会社フューチャースコープ</title>
</head>

<body>
	<?php require_once 'commonHeader.php';?>

	<!-- パンくずリスト -->
	<!-- TODO ページに合ったパンくずに各自で変更すること-->
	<ul id="bread" class="clear">
		<li><a href="userController.php?request=showIndex" id="home">ホーム</a>&gt;</li>
		<li><a href="userController.php?request=showProfile">プロフィール</a>&gt;</li>
		<li><a href="userController.php?request=addUser">ユーザー制作</a></li>
		<!--  	<li><a href = "#">アルバム</a></li> -->
	</ul>

	<!-- contents -->
	<article id="contents" class="clear">

		<!-- TODO ページのコンテンツをここに配置すること START-->

		<section class="clear" id="contentsArea">
			<h2 class="contentsTitle">ユーザー制作</h2>
			<hr>
			<!-- 必要に応じてmethodなどを追加してください。 -->
			<form method="POST" action="userController.php"
				onsubmit="submitButton.disabled = true; return true;">
				<input type="hidden" name="request" value="insertUser">
				<table>
					<tr>
						<td><label>ID:</label></td>
						<td><input id="id" type="text" name="userId" value="" placeholder="ＩＤ 半角英文字のみ"
							></td>
					</tr>
					<tr>
						<td><label>password:</label></td>
						<td><input id="pwd" type="password" name="userPassword" value="" 
						placeholder="パスワード 半角英文字のみ"
							></td>
					</tr>
					<tr>
						<td><label>名前:</label></td>
						<td><input id="fullName" type="text" name="userName" value=""
						placeholder="名前"></td>
					</tr>
				</table>

				<!-- 編集情報をprofileTopへ送信 -->
				<button id="submitButton" type="submit" class="submit">決定</button>
				<br />
			</form>
		</section>
		<!-- TODO ページのコンテンツをここに配置すること END-->
	</article>

	<p class="reButton">
		<a href="javascript:back();">戻る</a>
	</p>

	<?php require_once 'commonFooter.php';?>